<template>
  <div class="home">
    <div class="header" style="width: calc(100% - 230px);">
      <div class="navbar">
        <div class="attr-left">
          <p>员工信息管理系统</p>
        </div>
        <div class="attr-right"> 
          <div class="block"><el-avatar :size="38" :src="circleUrl"></el-avatar></div>
          <div class="user">admin</div>
        </div>
      </div>
      <div class="tab">
        <div class="pic-xiaoyu">
          <svg t="1682081529998" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2632" width="20" height="20"><path d="M866.24 823.712l-0.096 74.656L127.808 511.904 866.24 139.84l-0.096 68.064L263.36 512.096z" fill="#5D6D7E" p-id="2633" ></path></svg>
        </div>
        <!-- 添加面包屑 -->
        <div class="bread">
            <el-breadcrumb separator="">
            <el-breadcrumb-item v-for="(item,index) of $route.matched" :key="index">
              <router-link :to="item.path">{{item.meta.title}}</router-link>
            </el-breadcrumb-item>
            <!-- <el-breadcrumb-item><a href="/">活动管理</a></el-breadcrumb-item> -->
          </el-breadcrumb>
        </div>
        
        <div class="tishikuang"></div>
        <div class="pic-dayu">
          <svg t="1682082892273" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13651" width="20" height="20"><path d="M730.688 512.096l-602.88 308.576 0.096 71.808L866.24 511.904 127.808 133.952V208z" fill="#5D6D7E" p-id="13652"></path></svg>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
       circleUrl: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
    }
  }
  
}
</script>

<style>

</style>